<!DOCTYPE HTML>
<html lang="zh-CN">
    <head>
        <title>JSON比对工具</title>
        <meta name="Robots" content="INDEX,FOLLOW">
        <meta name="keywords" content="FeHelper,WEB前端助手,JSON格式化,JSON对比,信息编解码,代码美化,代码压缩,二维码生成,二维码解码,图片Base64转换,Markdown,随机密码生成器,正则表达式,时间戳转换,便签笔记,进制转换,贷款计算器">
        <meta name="description" content="WEB前端助手：FeHelper，浏览器插件，包含一些前端实用的工具，如JSON格式化,JSON对比,信息编解码,代码美化,代码压缩,二维码生成,二维码解码,图片Base64转换,Markdown,随机密码生成器,正则表达式,时间戳转换,便签笔记,进制转换,贷款计算器等">
        <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad">
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
        <meta charset="UTF-8">
        <link rel="shortcut icon" href="../static/img/favicon.ico">
        <link rel="stylesheet" href="index.css?v=64ab305f">
        <script type="text/javascript" src="../static/vendor/vue/vue.js?v=b6ac71fa"></script>
    </head>
    <body>
        <div class="wrapper wp-json" id="pageContainer">
            <div class="mod-pageheader">
                <div class="mod-sitedesc mod-fehelper">
                    <div class="logo-box">
                        <span class="q-logo">
                            <img src="https://static.baidufe.com/fehelper/static/img/fe-128.png" title="WEB前端助手（FeHelper）" alt="WEB前端助手（FeHelper）">
                        </span>
                    </div>
                    <div class="mod-btitle">
                        <div class="x-name">
                            <a href="/fehelper/index/index.html">FeHelper ( 浏览器插件 )</a>
                            <button id="btnInstallExtension" style="display: none"></button>
                        </div>
                        <div class="x-desc">2011年，FeHelper作为开发者专用的Chrome浏览器扩展在Google Chrome Webstore发布1.0版本，截至目前持续更新中，欢迎大家安装使用！</div>
                    </div>
                </div>
                <div class="mod-topbar" id="modTopbar">
                    <div class="wrapper-box clearfix">
                        <div class="mainnav-box">
                            <ul class="q-menubox">
                                <li class="q-menuitem">
                                    <a href="/fehelper/index/index.html">首页</a>
                                </li>
                                <li class="q-sp">|</li>
                                <li class="q-menuitem">
                                    <a href="/fehelper/json-format/index.html">JSON美化</a>
                                </li>
                                <li class="q-sp">|</li>
                                <li class="q-menuitem">
                                    <a href="/fehelper/json-diff/index.html">JSON比对</a>
                                </li>
                                <li class="q-sp">|</li>
                                <li class="q-menuitem">
                                    <a href="/fehelper/en-decode/index.html">编码转换</a>
                                </li>
                                <li class="q-sp">|</li>
                                <li class="q-menuitem">
                                    <a href="/fehelper/qr-code/index.html">二维码/解码</a>
                                </li>
                                <li class="q-sp">|</li>
                                <li class="q-menuitem">
                                    <a href="/fehelper/image-base64/index.html">图片Base64</a>
                                </li>
                                <li class="q-sp">|</li>
                                <li class="q-menuitem">
                                    <a href="/fehelper/code-beautify/index.html">代码美化</a>
                                </li>
                                <li class="q-sp">|</li>
                                <li class="q-menuitem">
                                    <a href="/fehelper/more/index.html">更多FH工具&gt;&gt;</a>
                                </li>
                            </ul>
                        </div>
                        <div class="subnav-box">
                            <ul class="q-navbox">
                                <li class="q-navitem">
                                    <a href="/fehelper/feedback.html" class="x-fbk">
                                        <span>意见反馈&gt;&gt;</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default" style="margin-bottom: 0px;">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <a href="http://www.baidufe.com/fehelper/feedback.html" target="_blank" class="x-a-high">
                            <img src="../static/img/fe-16.png" alt="fehelper">FeHelper
                        </a>
                        ：JSON比对工具 <span class="x-error" v-bind:class="{'x-hlt' : errorHighlight}" v-html="errorMessage"></span>
                    </h3>
                </div>
            </div>
            <div class="panel-body mod-json">
                <div class="col-md-6 box-wrapper-left">
                    <textarea class="form-control mod-textarea" id="jsonSourceLeft" ref="srcLeft" placeholder="在这里粘贴JSON代码"></textarea>
                </div>
                <div class="col-md-6 box-wrapper-right">
                    <textarea class="form-control mod-textarea" id="jsonSourceRight" ref="srcRight" placeholder="在这里粘贴JSON代码"></textarea>
                </div>
            </div>
        </div>
        <script src="../static/vendor/jquery/jquery-3.3.1.min.js?v=3a46a439"></script>
        <script src="../static/vendor/codemirror/codemirror.js?v=65f3b1ba"></script>
        <script src="../static/vendor/codemirror/javascript.js?v=a83906b6"></script>
        <script src="../static/vendor/codemirror/active-line.js?v=3bbd89f4"></script>
        <script src="../static/vendor/codemirror/matchbrackets.js?v=e8ceebb8"></script>
        <script src="../static/vendor/codemirror/placeholder.js?v=1c8b56be"></script>
        <script src="../static/vendor/codemirror/formatting.js?v=f49f85c1"></script>
        <script src="../static/vendor/json-diff/backbone-events.min.js?v=f4de86a7"></script>
        <script src="../static/vendor/json-diff/json-patch-duplex.min.js?v=4b60081d"></script>
        <script src="../static/vendor/json-diff/json-source-map.js?v=ca94a1ae"></script>
        <script src="../static/vendor/json-diff/json-diff.js?v=f64f1043"></script>
        <script src="./index.js?v=8ae12415"></script>
    </body>
</html>
